@charset "UTF-8";

@import '~scss/themes/index.scss';

/**
  页面底部footer的样式


  @exapmles:

  1. 
  <div class="yz-footer yz-footer_fixed-bottom">
    <p class="yz-footer__links">
      <a href="javascript:home();" class="yz-footer__link">首页</a>
    </p>
    <p class="yz-footer__text">Copyright © 2008-2016 南京易杰智信息科技有限公司</p>
  </div>  


*/

// link字体的大小
$yz-footer--text-link-size: $base--text-font-size--tips;
// 提示字体的大小
$yz-footer--text-size: $base--text-font-size--tips - 4px;

.ui-footer {
  color: $base--text-color-tips;
  font-size: $yz-footer--text-link-size;
  line-height: 1.4;
  text-align: center;
  a {
    color: $base--a-color;
  }
  //
  &__links {
    font-size: 0;
    &__link {
      display: inline-block;
      vertical-align: top;
      margin: 0 8px;
      position: relative;
      font-size: $yz-footer--text-link-size;
      &:before {
        left: -8px;
        top: 0.36em;
        bottom: 0.36em;
      }
      &:first-child {
        &:before {
          display: none;
        }
      }
    }
  }

  &__text {
    padding: 0 16px;
    font-size: $yz-footer--text-size;
  }
}
